@charset "utf-8";
/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* QQ：9490489 */
body{ padding-top: 120px; font-family:"微软雅黑";}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1300px !important}
::-webkit-input-placeholder{transition:all 0.3s;}
:-moz-placeholder{transition:all 0.3s;}
::-moz-placeholder{transition:all 0.3s;}
:-ms-input-placeholder{transition:all 0.3s;}
.tr{transition:all 0.3s;}
.tr3{transition:all 1s;}
input,button,textarea,.swiper-pagination span,.swiper-button,select{ outline: none !important; }
.sizeCover{ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.sbsb img{ width:162px !important; height:auto !important; float:left; margin:5px;}
.sbsbsb{color: #808080; line-height: 28px; font-size:16px; line-height:34px;}
.sbsbsb table{ width:100% !important;}
.sbsbsb table td{ width:auto !important; height:auto !important; line-height:34px; padding:5px !important;}
.maximg img{max-width:100%;height:auto !important;}
.main-pad-1{ padding:76px 0 0;}
.main-pad-2{ padding:30px 0 0;}
.main-pad-3{ padding:80px 0 0;}
.main-pad-4{ padding:20px 0 0;}
.main-pad-5{ padding:60px 0 0;}
.main-pad-6{ padding:0 0 0px;}
.main-pad-7{ padding:0 0 110px;}
.main-mar-1{ margin:0 0 -30px;}
.main-background-1{ position: relative;}
.main-background-1:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 362px; background: url(../images/bg1.jpg) 50% 50% / cover;}
.main-background-1 > div{ position: relative; z-index: 2;}
.main-background-2{ background: #f6f6f6;}

header{ position:fixed; left: 0; top: 0; z-index:99999; width: 100%; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
header .logo a{ display:block; font-size:0;}
header .tel{ margin-top: 15px;}
header .tel a{ display: block; padding: 0 20px; font-size: 16px; color: #fff; line-height: 35px; background: #00b0a8; border-radius: 18px;}
header .language{ margin-right: 15px; margin-top: 44px;}
header .language a{ display: block; width: 32px; height: 32px; font-size: 13px; color: #333; line-height: 30px; background: #fff; border:solid 1px #07773f; border-radius: 50%;}
header .language a.active{ color: #fff; background: #e77918; border-color: #e77918;}
header .language a:nth-child(n+2){ margin-left: 10px;}

.banner{ position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;}
.banner a img{ width: 100%;}
.banner .swiper-pagination{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination span{ margin: 0 5px; width: 10px; height: 10px; background: #fff; opacity: 1; transition: all 0.3s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #00733a;}

.title-1 .cn{ margin-bottom:15px; overflow: hidden;}
.title-1 .cn span{ position: relative; display: block; font-size: 30px; color: #333; line-height: 44px;}
.title-1 .cn span:before,.title-1 .en:before{content: ""; position: absolute; z-index: 1; width: 5px; height: 5px; background: #ffffff00; border-radius: 50%;}
.title-1 .cn span:before{left: calc(100% + 20px); bottom: 5px;}
.title-1 .en{ position: relative; padding-left: 60px; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #808080; line-height: 24px; overflow: hidden;}
.title-1 .en:before{left:calc(60px - 10px); bottom:40%;}
.title-1 .cn span:after,.title-1 .en:after{ content: ""; position: absolute; z-index: 1; width: 50px; height: 1px; background: #ffffff00;}
.title-1 .cn span:after{left: calc(100% + 25px); bottom:7px;}
.title-1 .en:after{left:calc(60px - 60px); bottom:calc(40% + 2px);}
.title-2 ul li{ margin-right: 7px; margin-bottom: 7px;}
.title-2 ul li a{ display: block; padding: 0 10px; min-width: 120px; font-size: 18px; color: #333; line-height: 26px; border:solid 1px #dcdcdc;}
.title-3{ position: relative; margin-left: 8%; padding-left: 8%;}
.title-3:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: calc(100% + (50vw - 600px)); height: 100%; background: #01b2a9 url(../images/bg2.jpg) no-repeat right; border-radius:0 0 0 80px;}
.title-3 ul{ position: relative; z-index: 2;}
.title-3 ul li{ position: relative; width: 20%;}
.title-3 ul li:before,.title-3 ul li:after{ content: ""; position: absolute; left: 0; width: 100%;}
.title-3 ul li:before{ top: 0; height: 100%; z-index: 1;background:-moz-linear-gradient(left,rgba(0,143,72,0.4) 0%,rgba(0,143,72,0.4) 1%,rgba(0,143,72,0) 100%);background:-webkit-linear-gradient(left,rgba(0,143,72,0.4) 0%,rgba(0,143,72,0.4) 1%,rgba(0,143,72,0) 100%);background:linear-gradient(to right,rgba(255, 255, 255, 0.4) 0%,rgba(1,178,169,1) 1%,rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#66008f48',endColorstr='#00008f48',GradientType=1 );}
.title-3 ul li:after{ bottom: 0; height: 0; z-index: 2; background: #0080cc; transition: all 0.3s;}
.title-3 ul li a{ position: relative; z-index: 3; display: block; color: #fff; line-height: 80px; font-weight: 800;}
.title-3 ul li.active:after{ height: 100%;}
.title-4{ margin-bottom: 10px;}
.title-4 .cn{ font-size: 30px; color: #fff; font-weight: bold; line-height: 34px; letter-spacing: 5px;}
.title-4 .jiangexian{ margin:10px 0; height: 1px; background: rgba(255,255,255,0.5);}
.title-4 .en{ font-family: '宋体'; font-size: 24px; color: #fff; line-height: 24px;}
.title-4.active .cn{ color: #333;}
.title-4.active .jiangexian{ background: #dcdcdc;}
.title-4.active .en{ color: #bbbbbb;}
.title-6{ margin-bottom: 20px;}
.title-6 .biaoti{font-size: 18px; color: #333; line-height: 24px;}
.title-6 .qita{ color: #999; line-height: 24px;}

.text-1{ position: relative; z-index: 2; margin-bottom: -36px;}
.text-1 .box{ position: relative; padding:65px 5% 35px 3%; background: #00733a; border-radius: 45px 0 0 0; width: 100%; max-width:900px;}
.text-1 .box .maxbiaoti{ position: absolute; top: -10px; left: 65px; padding: 0 40px; font-size: 18px; color: #00733a; font-weight: bold; line-height: 56px; background: #fff; border-radius: 0 0 20px 20px;}
.text-1 .box .bot ul{ margin:0 -3px;}
.text-1 .box .bot ul li{ padding: 0 3px;}
.text-1 .box .bot ul li:nth-child(1){ width:27%;}
.text-1 .box .bot ul li:nth-child(2){ width:27%;}
.text-1 .box .bot ul li:nth-child(3){ width:20%;}
.text-1 .box .bot ul li:nth-child(4){ width:10%;}
.text-1 .box .bot ul li:nth-child(5){ width:16%;}
.text-1 .box .bot ul li .title{ padding: 0 15px; height: 20px; color: #fff; line-height: 20px;}
.text-1 .box .bot ul li .hang1{ border-radius: 5px;}
.text-1 .box .bot ul li:nth-child(1) .hang1{background: #fff; border-left:solid 2px #e77918;}
.text-1 .box .bot ul li:nth-child(2) .hang1{background: #fff;}
.text-1 .box .bot ul li:nth-child(3) .hang1{background: #fff;}
.text-1 .box .bot ul li:nth-child(4) .hang1{background: #e9e9e9;}
.text-1 .box .bot ul li .hang1 .item{ position: relative; padding: 0 10px; width: 100%;}
.text-1 .box .bot ul li .hang1 select{ display: block; position: relative; z-index: 2; width:100%; height: 30px; color: #333; line-height: 30px; background: none; border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none; cursor: pointer;}
.text-1 .box .bot ul li .hang1 select::-ms-expand{display:none}
.text-1 .box .bot ul li .hang1 input{ display: block; padding: 0 10px; width: calc(100% - 20px); height: 30px; color: #333; line-height: 30px; background: #fff; border:none; border-radius: 5px;}
.text-1 .box .bot ul li .hang1 .mc{ width: 20px;color: #333; line-height: 30px;}
.text-1 .box .bot ul li .hang{ border-radius: 5px;}
.text-1 .box .bot ul li:nth-child(1) .hang{background: #fff; border-left:solid 2px #e77918;}
.text-1 .box .bot ul li:nth-child(2) .hang{background: #fff;}
.text-1 .box .bot ul li:nth-child(3) .hang{background: #fff;}
.text-1 .box .bot ul li:nth-child(4) .hang{background: #e9e9e9;}
.text-1 .box .bot ul li .hang .item{ position: relative; padding: 0 10px; width: 50%;}
.text-1 .box .bot ul li .hang select{ display: block; position: relative; z-index: 2; width:100%; height: 30px; color: #333; line-height: 30px; background: none; border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none; cursor: pointer;}
.text-1 .box .bot ul li .hang select::-ms-expand{display:none}
.text-1 .box .bot ul li .hang input{ display: block; padding: 0 10px; width: calc(100% - 20px); height: 30px; color: #333; line-height: 30px; background: #fff; border:none; border-radius: 5px;}
.text-1 .box .bot ul li .hang .mc{ width: 20px;color: #333; line-height: 30px;}
.text-1 .box .bot ul li button{ display: block; padding: 0; width: 100%; height: 30px; color: #fff; line-height: 29px; background: #df914c; border:none; border-right: solid 1px #fff; border-bottom: solid 1px #fff; border-radius: 5px;}
.text-2 .imgbox span{ display: block;}
.text-2 .textbox{ background: #01b2a9;}
.text-2 .textbox ul li:nth-child(n+2){ margin-top: 15px;}
.text-2 .textbox ul li .icon{ width: 52px; color: #01b2a9; line-height: 52px; background: #fff; border-radius: 50%;}
.text-2 .textbox ul li .icon.icon-ren{ font-size:30px;}
.text-2 .textbox ul li .icon.icon-dianhua{ font-size:34px;}
.text-2 .textbox ul li .icon.icon-www{ font-size: 34px;}
.text-2 .textbox ul li .icon.icon-huanjing{ font-size:24px;}
.text-2 .textbox ul li .text{ display: flex; align-items: center; padding-left: 20px; width: calc(100% - 52px); height: 52px; color: #fff; line-height: 20px;}
.text-3{ background: #f0f0f0;}
.text-3 form ul li{ margin-bottom: 10px;}
.text-3 form ul li input{ display: block; padding: 0 20px; width: 100%; height: 36px; color: #333; line-height: 36px; background: #cfcfd0; border:none;}
.text-3 form ul li input::-webkit-input-placeholder{ color: #333;}
.text-3 form ul li input:-moz-placeholder{ color: #333;}
.text-3 form ul li input::-moz-placeholder{ color: #333;}
.text-3 form ul li input:-ms-input-placeholder{ color: #333;}
.text-3 form ul li textarea{ display: block; padding:3px 20px; width: 100%;max-width: 100%;min-width: 100%; height:124px;min-height:124px; color: #333; line-height:30px; background: #cfcfd0; border:none;}
.text-3 form ul li textarea::-webkit-input-placeholder{ color: #333;}
.text-3 form ul li textarea:-moz-placeholder{ color: #333;}
.text-3 form ul li textarea::-moz-placeholder{ color: #333;}
.text-3 form ul li textarea:-ms-input-placeholder{ color: #333;}
.text-3 form button{ display: block; margin:0 auto; padding: 0; width: 170px; height: 28px; color: #fff; line-height: 24px; background: #00733a; border:solid 1px #66ab89; box-shadow: 0 0 0 1px #00733a; border-radius:14px;}
.text-4{ font-size: 0;}
.text-4 img{ max-width: 100%;}
.text-5{ margin-bottom: 20px; color: #333; line-height: 28px; font-size:16px}
.text-6{ color: #808080; line-height: 28px; font-size:16px}
.text-6 table{ width:100% !important; height:auto !important}
.text-6 table td{ width:auto !important; height:auto !important;padding: 5px !important;line-height: 34px;}
.text-7{ padding-bottom: 35px;}
.text-7 ul li:nth-child(n+2){ border-top: solid 1px #dddddd;}
.text-7 ul li a{ display: block; color: #333; line-height: 35px;}
.text-7 ul li a .imgbox{ display: none;}
.text-7 ul li a .textbox{ width: 100%;}
.text-7 ul li a .textbox .biaoti .mc{ position: relative; padding: 0 10px 0 20px; max-width: calc(100% - 65px);}
.text-7 ul li a .textbox .biaoti .mc b{ display: block; position: absolute; left:6px; top: 50%; z-index: 1; width: 1px; height: 3px; background: #008e44;}
.text-7 ul li a .textbox .biaoti .mc b:before,.text-7 ul li a .textbox .biaoti .mc b:after{ content: ""; position: absolute; bottom: 0; z-index: 1; width: 3px; background: #008e44;}
.text-7 ul li a .textbox .biaoti .mc b:before{ right: 100%; height: 5px;}
.text-7 ul li a .textbox .biaoti .mc b:after{ left: 100%; height: 7px;}
.text-7 ul li a .textbox .jieshao{ display: none;}
.text-7 ul li.active{ margin-top: 1px; margin-bottom: 10px; border:none;}
.text-7 ul li:nth-child(1).active{ margin-top: 0;}
.text-7 ul li:last-child.active{ margin-bottom: 9px;}
.text-7 ul li.active + li{ border:none;}
.text-7 ul li.active a .imgbox{ display: block; width: 200px; overflow: hidden;}
.text-7 ul li.active a .imgbox span{ display: block; padding-top: 86px;}
.text-7 ul li.active a .textbox{ padding-left: 20px; width: calc(100% - 200px);}
.text-7 ul li.active a .textbox .biaoti .mc{ padding-left: 0;}
.text-7 ul li.active a .textbox .biaoti .mc b{ display: none;}
.text-7 ul li.active a .textbox .jieshao{ display: block; height: 48px; color: #ababab; line-height: 24px; overflow: hidden;}
.text-7.active ul li a{ line-height: 49px;}
.text-7.active ul li a .textbox .biaoti .mc:before{ background: #008e44;}
.text-7.active ul li a .textbox .biaoti .mc{ color: #666;}
.text-7.active ul li a .textbox .biaoti .time{ color: #999;}
.text-7.active ul li.active a{ padding:15px; line-height: 24px; border:solid 1px #e5e5e5;}
.text-7.active ul li.active a .imgbox{ width: 100px;}
.text-7.active ul li.active a .imgbox span{ padding-top: 60px;}
.text-7.active ul li.active a .textbox{ width: calc(100% - 100px);}
.text-7.active ul li.active a .textbox .jieshao{ height: 24px;white-space:nowrap;text-overflow:ellipsis;}
.tangram-suggestion-main{z-index:999;}
.picture-1{ margin-left: calc(100% - 850px - 20px); max-width: 850px;}
.picture-1-list{margin:0 auto; max-width: 130px;}
.picture-1-list a{position: relative; display:flex; justify-content: center; align-items: center; height: 130px; background: #fff; border:solid 1px #e5e5e5;}
.picture-1-list a .box{ width: 100%;}
.picture-1-list a .box .icon{ color: #333333; line-height: 60px;}
.picture-1-list a .box .icon.icon-gongluyunshu{ font-size:70px;}
.picture-1-list a .box .icon.icon-peisong{ font-size:55px;}
.picture-1-list a .box .icon.icon-qifei{ font-size:50px;}
.picture-1-list a .box .icon.icon-yunshu{ font-size:50px;}
.picture-1-list a .box .icon.icon-cangchu{ font-size:50px;}
.picture-1-list a .box .cn{ color: #333; line-height: 36px; font-weight: 800;}
.picture-1-list a .box .en{ font-size: 12px; color: #808080; line-height: 20px; transform: scale(0.8);white-space:nowrap;}
.picture-2 ul{ margin:0 -15px;}
.picture-2 ul li{ padding: 0 15px; width: 50%;}
.picture-2 ul li a{ position: relative; display: block; overflow: hidden;}
.picture-2 ul li a .imgbox{ padding-top: 43%;}
.picture-2 ul li a .textbox{ position: absolute; left: 0; top: 0; z-index: 2; display: flex; align-items: center; width: 170px; height: 100%;}
.picture-2 ul li:nth-child(odd) a .textbox{ background:rgba(0,115,58,0.98);}
.picture-2 ul li:nth-child(even) a .textbox{ background:rgba(241,241,241,0.98);}
.picture-2 ul li a .textbox .box{ width: 100%;}
.picture-2 ul li a .textbox .box .jiangexian{ margin-bottom: 20px; width: 60px; height: 2px;}
.picture-2 ul li:nth-child(odd) a .textbox .box .jiangexian{ background: #fff;}
.picture-2 ul li:nth-child(even) a .textbox .box .jiangexian{ background: #00733a;}
.picture-2 ul li a .textbox .box .biaoti{ margin-left: 25%; margin-bottom: 40px; width: 75px;}
.picture-2 ul li:nth-child(odd) a .textbox .box .biaoti{ color: #fff;}
.picture-2 ul li a .textbox .box .biaoti .cn{ margin-bottom: 5px; font-size: 18px; font-weight: bold; line-height: 24px;}
.picture-2 ul li:nth-child(even) a .textbox .box .biaoti .cn{ color: #333;}
.picture-2 ul li a .textbox .box .biaoti .en{ font-size: 12px; line-height: 20px;}
.picture-2 ul li:nth-child(even) a .textbox .box .biaoti .en{ color: #808080;}
.picture-2 ul li a .textbox .box .more{ margin:0 25px; font-size: 12px; line-height: 26px; border-style: solid; border-width: 1px; border-radius: 14px;}
.picture-2 ul li:nth-child(odd) a .textbox .box .more{ color: #00733a; background: #fff; border-color: #fff;}
.picture-2 ul li:nth-child(even) a .textbox .box .more{ color: #3e3e3e; border-color: #c7c7c6;}
.picture-2 ul li a .textbox .box .more span{ margin-left: 10px;}
.picture-3 ul{ margin:0 -10px;}
.picture-3 ul li{ padding: 0 10px; width:calc(100% / 3);}
.picture-3 ul li a{ position: relative; display: block;}
.picture-3 ul li a .imgbox{ overflow: hidden;}
.picture-3 ul li a .imgbox span{ display: block; padding-top:65%;}
.picture-3 ul li a .textbox{ position: absolute; left: 0; bottom: 0; z-index: 1; padding: 0 10%; width: 100%; color: #333; line-height: 40px; background: #eeeeed;}
.picture-3 ul li a .textbox .mc{ padding-right: 10px; width: calc(100% - 30px); font-size: 18px;}
.picture-3 ul li a .textbox .icon{ width: 30px; font-size: 16px; text-align: center;}
.picture-4 .imgbox{ width:calc(50% - 220px); overflow: hidden; border-radius: 0 80px 0 0;}
.picture-4 .imgbox a{ display: block; padding-top: 336px;}
.picture-4 .textbox{ padding-right: 15px; width:calc(50% + 220px); height: 400px;}
.picture-4 .textbox .box{ float: left; padding: 55px 0 0 45px; width: 100%; max-width:820px;}
.picture-4 .textbox .box .biaoti{ margin-bottom: 10px; font-size: 18px; color: #333; font-weight: bold; line-height: 24px;}
.picture-4 .textbox .box .jieshao{ margin-bottom: 25px; color: #000000; line-height: 32px; overflow: hidden;}
.picture-4 .textbox .box .more{ margin-bottom: 5px;}
.picture-4 .textbox .box .more a{ display: block; width: 120px; font-size: 12px; color: #fff; line-height: 28px; background: #01b2a9; border-radius: 14px;}
.picture-4 .textbox .box .more a span{ margin-left: 10px; color: rgba(255,255,255,0.6);}
.picture-4 .textbox .box .qita{ max-width: 600px;}
.picture-4 .textbox .box .qita ul li{ width: calc(100% / 3);}
.picture-4 .textbox .box .qita ul li:nth-child(n+2){ margin-left: -1px;}
.picture-4 .textbox .box .qita ul li a{ display:flex; justify-content: center; align-items: center; height: 85px; border:solid 1px #dcdcdc;}
.picture-4 .textbox .box .qita ul li a .item{ display: flex; align-items: center;}
.picture-4 .textbox .box .qita ul li a .item .icon{ color: #b9b9b9;}
.picture-4 .textbox .box .qita ul li a .item .icon.icon-xunzhang{ font-size: 35px;}
.picture-4 .textbox .box .qita ul li a .item .icon.icon-tuandui{ font-size: 35px;}
.picture-4 .textbox .box .qita ul li a .item .icon.icon-shouhou{ font-size: 35px;}
.picture-4 .textbox .box .qita ul li a .item .text{ margin-left: 10px; font-size: 12px; line-height: 14px;}
.picture-4 .textbox .box .qita ul li a .item .text .cn{ color: #333;}
.picture-4 .textbox .box .qita ul li a .item .text .en{ color: #808080;}
.picture-5{ position: relative;}
.picture-5 .swiper-slide{ background: #fff;}
.picture-5 .imgbox{ width: 50%; overflow: hidden; border-radius: 0 80px 80px 0;}
.picture-5 .imgbox a{ display: block; padding-top: 350px;}
.picture-5 .textbox{ display: flex; align-items: center; padding-left: 50px; width: 38%; height: 493px;}
.picture-5 .textbox .box{ width: 100%;}
.picture-5 .textbox .box .biaoti{ margin-bottom: 10px;}
.picture-5 .textbox .box .biaoti a{ display: block; font-size: 18px; color: #333; font-weight: bold; line-height: 30px;}
.picture-5 .textbox .box .jieshao{ margin-bottom: 20px; height: 120px; font-size: 16px; color: rgb(0, 0, 0); line-height:30px; overflow: hidden; font-weight: 500;}
.picture-5 .textbox .box .more a{ display: block; width: 120px; font-size: 12px; color: #fff; line-height: 28px; background: #01b2a9; border-radius: 14px;}
.picture-5 .textbox .box .more a span{ margin-left: 10px; color: rgba(255,255,255,0.6);}
.picture-5 .swiper-pagination{ right: 0; left: initial; bottom: 136px; padding-left: 50px; width:38%; font-size: 0; text-align: right;}
.picture-5 .swiper-pagination span{ width: 7px; height: 7px; background: #01b2a9; border-radius: 50%; opacity: 1; transition: all 0.3s;}
.picture-5 .swiper-pagination span:nth-child(n+2){ margin-left: 10px;}
.picture-5 .swiper-pagination span.swiper-pagination-bullet-active{ background: #00733a;}
.picture-6 .swiper-container{ margin:-10px;}
.picture-6-list a{ display: block; padding:10px;}
.picture-6-list a .imgbox{ margin-bottom: 10px; padding: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.picture-6-list a .imgbox .imgs{ overflow: hidden;}
.picture-6-list a .imgbox .imgs span{ display: block; padding-top: 270px;}
.picture-6-list a .biaoti{ padding: 0 10px; color: #01b2a9; line-height: 24px;}
.picture-7-list a{ display: block; padding: 10px 0; border-top:dotted 1px #e2e2e2;border-bottom:dotted 1px #e2e2e2;}
.picture-7-list a .imgbox{ width: 100px; overflow: hidden;}
.picture-7-list a .imgbox span{ display: block; padding-top:60px;}
.picture-7-list a .textbox{ padding-left: 10px; width: calc(100% - 100px);}
.picture-7-list a .textbox .biaoti{ color: #01b2a9; line-height: 20px;}
.picture-7-list a .textbox .biaoti .mc{ padding-right: 15px; max-width: calc(95% - 70px);}
.picture-7-list a .textbox .jieshao{ height: 40px; color: #333; line-height: 20px; overflow: hidden;}
.picture-8 ul{ margin:0 -10px;}
.picture-8 ul li{ padding: 0 10px; width: calc(100% / 3);}
.picture-8 ul li a{ display: block;}
.picture-8 ul li a .imgbox{ overflow: hidden; border:solid 1px #d2d2d2;}
.picture-8 ul li a .imgbox span{ display: block; padding-top: 65%;}
.picture-8 ul li a .biaoti{ padding: 0 10px; color: #808080; line-height: 40px;}
.picture-9{ position: relative; padding-top: 41%;}
.picture-9 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.picture-10{ margin-bottom:20px; font-size: 0;}
.picture-10 img{ max-width: 100%;}
.picture-11 ul{ margin:0 -10px;}
.picture-11 ul li{ padding: 0 10px; width:calc(100% / 2);}
.picture-11 ul li a{ position: relative; display: block;}
.picture-11 ul li a .imgbox{ overflow: hidden;}
.picture-11 ul li a .imgbox span{ display: block; padding-top:65%;}
.picture-11 ul li a .textbox{ position: absolute; left: 0; bottom: 0; z-index: 1; padding: 0 10%; width: 100%; color: #333; line-height: 40px; background: #eeeeed;}
.picture-11 ul li a .textbox .mc{ padding-right: 10px; width: calc(100% - 30px); font-size: 18px;}
.picture-11 ul li a .textbox .icon{ width: 30px; font-size: 16px; text-align: center;}

.subnav .biaoti{ color: #fff; background: #00b0a8;}
.subnav ul{ background: #fff; border:solid 1px #cccccc;}
.subnav ul li:nth-child(n+2){ border-top: solid 1px #ccc;}
.subnav ul li a{display:block;font-size: 15px;color: #333;font-weight: bold;line-height: 45px;}
.subnav .ul{ display: none; border-top: solid 1px #ccc;}
.subnav .ul .li{ padding: 8px 0 8px 25px;}
.subnav .ul .li:nth-child(n+2){ position: relative;}
.subnav .ul .li:nth-child(n+2):before{ content: ""; position: absolute; left:25px; top: 0; z-index: 1; width: calc(100% - 50px); height: 1px; background: #e6e6e6;}
.subnav .ul .li a{ position: relative; display: block; padding: 0 20px 0 25%; color: #666666; line-height: 46px;}
.subnav .ul .li a:before{ content: ""; position: absolute; right: 100%; top: 50%; z-index: 1; width: 25px; height: 3px; background: #00733a; transition: all 0.3s; opacity: 0;}
.subnav .ul .li a:after{ content: ""; position: absolute; left: 100%; top: 50%; z-index: 1; margin-top: -6px; border-top:solid 6px transparent; border-bottom:solid 6px transparent; border-left:solid 6px #00733a; transition: all 0.3s; opacity: 0;}
.subnav ul li.active a{ color: #00733a;}
.subnav .ul .li.active a{ color: #fff; background: #00733a;}
.subnav .ul .li.active a:before,.subnav .ul .li.active a:after{ opacity: 1;}


footer .top{ background: #f2f2f2;}
footer .top .qita{ padding: 40px 0;}
footer .top .qita .box{ display: flex; justify-content:space-between; align-items: center;}
footer .top .qita .box .left{ display: flex; align-items: center;}
footer .top .qita .box .left .logo a{ display: block;}
footer .top .qita .box .right{ display: flex; align-items: center;}
footer .top .qita .box .right .fenxiang{ margin-right: 40px;}
footer .top .qita .box .right .fenxiang ul li:nth-child(n+2){ margin-left: 20px;}
footer .top .qita .box .right .fenxiang ul li a{ display: block; color: #333; line-height: 24px;}
footer .top .qita .box .right .ewm .imgbox{ margin-bottom: 5px; font-size: 0;}
footer .top .qita .box .right .ewm .imgbox img{ width: 130px;}
footer .top .qita .box .right .ewm .mc{ font-size: 16px; color: #333; line-height: 24px;}
footer .bot{ padding: 10px 0; font-size: 12px; color: #666666; line-height: 24px;}

@media (min-width:992px){
	#title-t{
		font-size: 18px;
		font-weight: bold;
	}
	.col-md-3-cz-1{ padding-right: 25px; width: 24%;}
	.col-md-9-cz-1{ padding-left: 25px; width: 76%;}
	header .container-fluid{ padding: 0 5%; max-width:100% !important; background: #fff;}
	header .logo a{line-height:60px; transition: all 0.3s;}
	header .tel{ transition: all 0.3s;}
	header .language{ transition: all 0.3s;}
	header .language a:hover{ color: #fff; background: #00733a; border-color: #00733a;}
	header .menu ul li{ position:relative; margin-right: 60px;}
	header .menu ul li > a{ position: relative; display:block; font-size:16px; color:#333; line-height:59px;}
	header .menu ul li > a:before{ content: ""; position: absolute; left: 50%; bottom: -2px; z-index: 1; width: 0; height: 8px; background: #00b0a8; border-bottom: solid 3px #0080cb; transition: all 0.3s;}
	header .menu ul li.active > a:before{ margin-left: -50%; width: 100%;}
	header .menu ul li:hover > a:before{ margin-left: -50%; width: 100%;}
	header .menu ul li .ul{ position:absolute; left:50%; top:100%; margin-left: -60px; width:120px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); visibility: hidden; opacity: 0; transform: translateY(10px);}
	header .menu ul li:hover .ul{ visibility: visible; opacity: 1; transform: translateY(0px);}	
	header .menu ul li .ul .li > a{ display:block; padding:10px; color:#fff; line-height:24px; text-align: center; background:rgba(1,178,169,1);}
	header .menu ul li .ul .li:last-child > a{ border-radius: 0 0 5px 5px;}
	header .menu ul li .ul .li:hover > a{ background:rgba(0,176,168,1);}
	header .menu ul li:hover > a{ color:#01b2a9; font-weight: bold;}
	header .menu ul li.active > a{ color:#01b2a9; font-weight: bold;}
	header.active .logo a{line-height:75px;}
	header.active .menu ul li > a{line-height:75px;}
	header.active .tel{ margin-top:26px;}
	header.active .language{ margin-top:32px;}
	.banner{margin-bottom: -50px;margin-top: 120px;}
	.title-1-box{ display: flex; align-items: center;}
	.title-1{ width: 250px;}
	.title-1-right{ width: calc(100% - 250px);}
	.title-2 ul li a:hover{ color: #fff; background: #01b2a9; border-color:#01b2a9;}
	.title-3 ul li:hover:after{ height: 100%;}
	.title-5{ margin-bottom:20px; padding-top:20px; border-bottom: solid 1px #cccccc;}
	.title-5 .left{ margin-bottom: -1px; padding-bottom:5px; color: #333; line-height: 24px; border-bottom: solid 2px #00733a;}
	.title-5 .left span{ color: #00733a;}
	.title-5 .right a{ display: block; color: #666666; line-height: 24px;}
	.title-5 .right a:hover{ color: #e77918;text-decoration: underline !important;}
	.text-1 .box .bot ul li button:hover{ background: #e77918;}
	.text-2{ float: left; width: 66%;}
	.text-2 .imgbox{ float: right; width: 50%; overflow: hidden;}
	.text-2 .imgbox span{padding-top: 460px;}
	.text-2 .textbox{ float: left;padding: 50px 40px 0 50px;  width: 50%;height: 460px; border-radius: 80px 0 0 0;}
	.text-3{ float: right;padding: 10px;  width: 34%;height: 460px;}
	.text-3 form ul li input:hover{ color: #fff; background: #e77918;}
	.text-3 form ul li input:hover::-webkit-input-placeholder{ color: #fff;}
	.text-3 form ul li input:hover:-moz-placeholder{ color: #fff;}
	.text-3 form ul li input:hover::-moz-placeholder{ color: #fff;}
	.text-3 form ul li input:hover:-ms-input-placeholder{ color: #fff;}
	.text-3 form ul li textarea:hover{ color: #fff; background: #e77918;}
	.text-3 form ul li textarea:hover::-webkit-input-placeholder{ color: #fff;}
	.text-3 form ul li textarea:hover:-moz-placeholder{ color: #fff;}
	.text-3 form ul li textarea:hover::-moz-placeholder{ color: #fff;}
	.text-3 form ul li textarea:hover:-ms-input-placeholder{ color: #fff;}
	.text-3 form button:hover{ background: #e77918; border-color: #fff; box-shadow: 0 0 0 1px #e77918;}
	.picture-1-list a:hover{background: #00b0a8; border-color:#00b0a8;}
	.picture-1-list a:hover .box .icon{ color: #fff;}
	.picture-1-list a:hover .box .cn{ color: #fff;}
	.picture-1-list a:hover .box .en{ color: #fff;}
	.picture-2 ul li a:hover .imgbox{ transform: scale(1.05);}
	.picture-2 ul li:nth-child(odd) a:hover .textbox{ background: rgba(0,115,58,0.9);}
	.picture-2 ul li:nth-child(even) a:hover .textbox{ background: rgba(241,241,241,0.9);}
	.picture-2 ul li a:hover .textbox .box .more{ color: #fff; background: #e77918; border-color: #e77918;}
	.picture-3 ul li a:hover .imgbox span{ transform: scale(1.05);}
	.picture-3 ul li a:hover .textbox{ color: #fff; background:rgb(0,176,168,1);}
	.picture-4:hover .imgbox a{ transform: scale(1.05);}
	.picture-4:hover .textbox .box .biaoti{ color: #01b2a9;}
	.picture-4:hover .textbox .box .more a{ background: #01b2a9;}
	.picture-4 .textbox .box .qita ul li:hover{ position: relative; z-index: 2;}
	.picture-4 .textbox .box .qita ul li a:hover{ border-color: #00733a;}
	.picture-4 .textbox .box .qita ul li a:hover .item .icon{ color: #00733a;}
	.picture-4 .textbox .box .qita ul li a:hover .item .text .cn{ color: #00733a;}
	.picture-5:hover .imgbox a{ transform: scale(1.05);}
	.picture-5:hover .textbox .box .biaoti a{ color: #01b2a9;}
	.picture-5:hover .textbox .box .more a{ background: #01b2a9;}
	.picture-6{ float: left; width:calc(50% - 15px);}
	.picture-6-list a:hover .imgbox .imgs span{ transform: scale(1.05);}
	.picture-6-list a:hover .biaoti{ color: #00733a;}
	.picture-7{ float: right; width:calc(50% - 40px);}
	.picture-7 .swiper-container{ height: 325px;}
	.picture-7-list a:hover .imgbox span{ transform: scale(1.05);}
	.picture-7-list a:hover .textbox .biaoti .mc{ text-decoration: underline;}
	.picture-8 ul li a:hover .imgbox span{ transform: scale(1.05);}
	.picture-8 ul li a:hover .biaoti{color: #00b0a8;}
	.subnav .biaoti{ padding:20px; text-align: center;}
	.subnav .biaoti .cn{ font-size: 32px;}
	.subnav .biaoti .en{ font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
	.subnav ul li a:hover{ color: #01b2a9;}
	.subnav .ul .li a:hover{ color: #fff; background: #00733a;}
	.subnav .ul .li a:hover:before,.subnav .ul .li a:hover:after{ opacity: 1;}
	.subnav .biaoti2{ margin:-1px 0; padding: 15px 0; color: #fff; background: url(../images/subnav_biaoti2_bg.jpg) 50% 50% / cover;}
	.subnav .biaoti2 .cn{ font-size: 26px; line-height: 30px;}
	.subnav .biaoti2 .en{ font-size: 15px; line-height: 20px;}
	.subnav .contact{ padding: 20px; background: #fff; border:solid 1px #cccccc;}
	.subnav .contact .zixun{ margin-bottom: 10px;}
	.subnav .contact .zixun a{ display: block; font-size: 0; line-height:27px; background: #00b0a8; border-radius: 14px;}	
	.subnav .contact .zixun a:hover{ background: #0080cc;}
	.subnav .contact .zixun a div{ display: inline-block; vertical-align: top;}
	.subnav .contact .zixun a .icon{ margin-right: 10px; font-size: 18px; color: #fff;}
	.subnav .contact .zixun a .mc{ font-size: 14px; color: #fff;}
	.subnav .contact .tel{ font-size: 20px; color: #333; line-height: 36px;}
	.subnav .contact .map{ color: #333; line-height: 32px;}
	.link{padding: 30px 0;border-bottom: solid 1px #dbdbdb;background: #f2f2f2;margin-top: 30px;}
	.link .mc{ width: 70px; font-size: 30px; color: #333; line-height: 34px;}
	.link .right{ padding-left: 10px; width: calc(100% - 70px);}
	.link .right{ padding-top:11px;}
	.link .right ul li{ margin-bottom: 10px;}
	.link .right ul li a{ display: block; margin-right: 15px; padding-right: 15px;height: 12px; font-size: 12px; color: #808080; line-height: 12px; border-right: solid 1px #a3a3a3;}
	.link .right ul li a:hover{color: #00733a;text-decoration: underline !important;}
	footer .top .qita .box .left .menu{ margin-left: 70px;}
	footer .top .qita .box .left .menu ul li:nth-child(n+2){ margin-left: 30px;}
	footer .top .qita .box .left .menu ul li a{ display: block; color: #333; line-height: 24px;}
	footer .top .qita .box .left .menu ul li a:hover{color: #00733a;text-decoration: underline !important;}
	footer .top .qita .box .right .fenxiang ul li a:hover{color: #00733a;}
}

@media (max-width:1620px){
	header .menu ul li{ margin-right:50px;}
}

@media (max-width:1439px){
	header .container-fluid{ padding: 0 15px;}
	header .menu ul li{ margin-right: 30px;}
}

@media (max-width:1230px){
	.title-3:before{ width: calc(100% + 15px);}
}

@media (max-width:1199px){
	.main-pad-1{ padding: 60px 0 0;}
	.main-pad-3{ padding: 40px 0 0;}
	.main-pad-5{ padding: 40px 0 0;}
	.main-pad-6{ padding: 0 0 40px;}
	.main-pad-7{ padding: 0 0 80px;}
	.col-md-3-cz-1{ padding-right: 15px;}
	.col-md-9-cz-1{ padding-left: 15px;}
	header .language{ margin-right: 10px; margin-top:35px;}
	header .language a{ width: 30px; height: 30px; font-size: 12px; line-height: 28px;}
	header .tel{ margin-top: 35px;}
	header .tel a{ padding: 0 15px; font-size: 14px; line-height: 30px; border-radius: 15px;}
	.title-1{ width: 200px;}
	.title-1 .cn{ margin-bottom: 10px;}
	.title-1 .cn span{ font-size: 24px; line-height: 30px;}
	.title-1 .en{ font-size: 14px;}
	.title-1-right{ width: calc(100% - 200px);}
	.title-3{ padding-left: 50px;}
	.title-3:before{ background-image: none !important; border-radius: 0 0 0 50px;}
	.title-3 ul li a{ line-height: 100px;}
	.title-4{ margin-bottom: 20px;}
	.title-4 .cn{ font-size: 24px; line-height: 30px;}
	.title-4 .en{ font-size: 18px;}
	.text-1 .box{ padding: 50px 3% 20px 3%; border-radius: 30px 0 0 0;}
	.text-1 .box .maxbiaoti{ left:30px; padding: 0 20px; font-size: 16px; line-height: 40px; border-radius:0 0 15px 15px;}
	.text-4{ height: 30px; overflow: hidden;}
	.picture-1{ margin-left: 0; max-width: initial;}
	.picture-1-list a .box .icon{ line-height: 60px;}
	.picture-1-list a .box .icon.icon-gongluyunshu{ font-size:50px;}
	.picture-1-list a .box .icon.icon-peisong{ font-size:50px;}
	.picture-1-list a .box .icon.icon-qifei{ font-size:45px;}
	.picture-1-list a .box .icon.icon-yunshu{ font-size:45px;}
	.picture-1-list a .box .icon.icon-cangchu{ font-size:45px;}
	.picture-3 ul li a .textbox{ padding: 0 5%;}
	.picture-3 ul li a .textbox .mc{ font-size: 16px;}
	.picture-5 .imgbox{ border-radius: 0 50px 50px 0;}
	.picture-5 .imgbox a{ padding-top: 300px;}
	.picture-5 .textbox .box .biaoti a{ font-size: 18px; line-height: 24px;}
	.subnav .biaoti{ padding: 15px;}
	.subnav .biaoti .cn{ font-size: 24px;}
	.subnav .biaoti .en{ font-size: 16px;}
	.subnav ul li a{ font-size: 14px; line-height: 50px;}
	.subnav .ul .li a{ padding: 0 15px 0 20%; line-height: 40px;}
	.subnav .biaoti2 .cn{ font-size:20px; line-height:24px;}
	.subnav .biaoti2 .en{ font-size: 14px;}
	.subnav .contact{ padding: 15px;}
	.subnav .contact .tel{ font-size: 18px;}
	.subnav .contact .map{ font-size: 14px;}
	.link{ padding: 20px 0;}
	footer .top .qita{ padding: 30px 0;}
	footer .top .qita .box .left .menu{ margin-left: 30px;}
	footer .top .qita .box .left .menu ul li:nth-child(n+2){ margin-left: 20px;}
	footer .top .qita .box .right .ewm .imgbox img{ width: 100px;}
	footer .top .qita .box .right .ewm .mc{ font-size: 14px;}

}

@media (max-width:1199px) and (min-width:992px){
	body{ padding-top: 100px;}
	header .logo a{ line-height: 100px;}
	header .logo a img{ width:70px;}
	header .menu ul li{ margin-right:20px;}
	header .menu ul li > a{ font-size: 14px; line-height: 100px;}
	.text-2 .textbox{ padding:30px 30px 0 30px; height: 430px; border-radius: 50px 0 0;}
	.text-2 .imgbox span{ padding-top: 430px;}
	.text-3{ padding:30px 30px 0 30px; height: 430px;}
	.picture-4 .textbox .box{ padding-left: 30px;}
	.picture-5 .textbox{ padding-left: 30px; height: 300px;}
	.picture-7{ width: calc(50% - 15px);}
}

@media (max-width:991px){
	body{ padding-top: 80px;}
	.main-background-1{ border-top:solid 1px #eee;}
	.main-background-1:before{ display: none;}
	.main-pad-1{ padding:20px 0 0;}
	.main-pad-1.active{ padding: 0;}
	.main-pad-2{ padding: 20px 0 0;}
	.main-pad-3{ padding: 20px 0 0;}
	.main-pad-5{ padding: 20px 0 0;}
	.main-pad-6{ padding:0 0 20px;}
	.main-pad-7{ padding:0 0 20px;}
	.main-mar-1{ margin:0;}
	header .logo a{line-height:80px;}
	header .logo a img{ width: 60px;}
	header .tel a{ padding: 0 10px; font-size: 14px; line-height: 30px; border-radius: 15px;}
	header .language{margin-top:25px; margin-right: 10px;}
	header .tel{ margin-right: 20px; margin-top:25px;}
	.menu-box{ display: none; position: fixed;;top: 80px; right: 0; z-index:2147483645; width: 120px; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
	.menu-box ul li{ margin-bottom:1px;}
	.menu-box ul li a{ display: block; font-size: 14px; color: #333; text-align:center; line-height:40px; background:rgba(255,255,255,0.8); }
	.menu-box ul li.active a{ color: #fff; background: #01b2a9; }
	.menu-btn{ position: relative; top: 31px; width: 40px; }
	.menu-btn b{ display: block; height:3px; background: #01b2a9;}
	.menu-btn b:nth-child(2){ margin:4px 0; }
	.menu-btn.active b:nth-child(1){ transform:rotate(45deg) translate(0,10px); }
	.menu-btn.active b:nth-child(2){ opacity: 0; }
	.menu-btn.active b:nth-child(3){ transform:rotate(-45deg) translate(0,-10px); }
	.title-2{ margin-bottom: -10px; text-align: center; font-size: 0;}
	.title-2 ul li{ float: none !important; margin:0 5px 10px; display: inline-block; vertical-align: top;}
	.title-1{ float: none !important; margin:0 auto 20px;}
	.title-1 .cn{ margin-bottom: 0;}
	.title-1 .cn span{ font-size: 18px; line-height: 24px;}
	.title-1 .en{ font-size: 12px;}
	.title-1-right{ float: none !important; width: auto;}
	.title-3{ margin-left: 0; padding-left: 30px;}
	.title-3:before{ border-radius: 0 0 0 30px;}
	.title-3 ul li a{ line-height: 60px;}
	.title-4 .cn{ font-size: 18px; line-height: 24px;}
	.title-4 .en{font-size: 16px;}
	.title-6 .biaoti{ font-size: 16px;}
	.title-6 .qita{ font-size: 12px;}
	.text-1{ margin:30px 0;}
	.text-1 .box .maxbiaoti{ box-shadow: 0 0 5px rgba(0,0,0,0.1);}
	.text-2{ margin:20px 0 0;}
	.text-2 .imgbox{ display: none;}
	.text-2 .textbox{ padding: 20px;}
	.text-3{ padding: 20px;}
	.text-7{ padding-bottom: 20px;}
	.picture-2 ul{ margin:0 -10px;}
	.picture-2 ul li{ padding: 0 10px;}
	.picture-2 ul li a .imgbox{ padding-top:56.25%;}
	.picture-2 ul li a .textbox{ position: initial; padding: 15px; width: auto; height: auto;}
	.picture-2 ul li a .textbox .box .jiangexian{ display: none;}
	.picture-2 ul li a .textbox .box .biaoti{ margin:0 0 15px; width: auto; text-align: center;}
	.picture-3 ul li{ width: 50%;}
	.picture-3 ul li:nth-child(3){ margin-top:10px; width: 100%;}
	.picture-3 ul li a .textbox .mc{ font-size: 14px;}
	.picture-4{ padding: 0 15px;}
	.picture-4 .imgbox{ margin-bottom: 20px; width: 100%; border-radius: 0 30px;}
	.picture-4 .imgbox a{ padding-top: 60%;}
	.picture-4 .textbox{ display: flex; padding: 0; width: auto; height: auto;}
	.picture-4 .textbox .box{ padding: 0;}
	.picture-4 .textbox .box .biaoti{ font-size:16px;}
	.picture-4 .textbox .box .jieshao{ margin-bottom: 15px; height: auto;}
	.picture-4 .textbox .box .more{ margin-bottom: 15px;}
	.picture-4 .textbox .box .more a{ float: none !important;}
	.picture-4 .textbox .box .qita{ max-width: initial;}
	.picture-5 .imgbox a{ padding-top: 260px;}
	.picture-5 .textbox{ padding: 0 0 0 20px; height: 260px;}
	.picture-5 .textbox .box .biaoti a{ font-size: 16px;}
	.picture-6{ margin:-10px -10px 10px;}
	.picture-6 .swiper-container{ margin:0;}
	.picture-6-list a .imgbox .imgs span{ padding-top:100%;}
	.picture-8 ul li{ width: 50%;}
	.subnav{ margin-bottom: 20px;}
	.subnav .biaoti{ position: relative; padding: 0 15px;}
	.subnav .biaoti:before{ content:""; position: absolute; right: 15px; top: 50%; margin-top: -6px; border-top: solid 6px transparent; border-bottom: solid 6px transparent; border-left: solid 6px #fff; transition: all 0.3s;}
	.subnav .biaoti.active:before{ transform: rotate(90deg);}
	.subnav .biaoti .cn{ font-size: 18px; line-height: 50px;}
	.subnav ul li a{ line-height: 40px;}
	.subnav .ul .li{ padding: 5px 0 5px 25px;}
	.subnav .ul .li a{ line-height:34px;}
	footer .top .qita{ padding: 20px 0;}
	footer .top .qita .box .left .logo a img{ width: 160px;}
}

@media (max-width:320px){
	header .logo a img{ width: initial; height:24px !important}
}

@media (max-width:767px){
	body{ padding-top: 60px; padding-bottom:54px;}
	header .logo a{line-height:60px;}
	header .logo a img{ width: initial; height:35px}
	header .tel{ margin-top:19px;}
	header .tel a{ font-size: 12px; line-height: 24px; border-radius: 12px;}
	header .language{ margin-top:19px;}
	header .language a{ width: 24px; height: 24px; line-height: 22px;}
	.menu-box{top: 60px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height: 34px;}
	.menu-btn{ top: 21px; width: 30px;}
	.banner .swiper-pagination{ bottom: 10px; }
	.banner .swiper-pagination span{ width: 8px; height: 8px; }
	.title-1{ width: 170px;}
	.title-2 ul li a{ min-width: 90px;}
	.title-3{ padding-left:0;}
	.title-3:before{ border-radius: 0 0 20px;}
	.title-3 ul li{ width: calc(100% / 3);}
	.title-3 ul li a{ line-height: 40px;}
	.title-4 .cn{ font-size:16px;}
	.title-4 .jiangexian{ margin:5px 0;}
	.title-4 .en{ font-size:14px;}
	.text-1{ margin:20px 0;}
	.text-1 .box{ padding: 35px 10px 20px; border-radius: 20px 0 0;}
	.text-1 .box .maxbiaoti{ left: 20px; padding: 0 15px; font-size: 14px; line-height: 30px;}
	.text-1 .box .bot ul li:nth-child(1){ width: 33.33%;}
	.text-1 .box .bot ul li:nth-child(2){ width: 33.33%;}
	.text-1 .box .bot ul li:nth-child(3){ width: 33.33%;}
	.text-1 .box .bot ul li:nth-child(4){ margin-top: 10px; width: calc(100% - 100px);}
	.text-1 .box .bot ul li:nth-child(5){ margin-top: 10px; width: 100px;}
	.text-1 .box .bot ul li .hang select{ font-size: 12px;}
	.text-1 .box .bot ul li .hang input{ font-size: 12px;}
	.text-2 .textbox{ padding: 20px 15px;}
	.text-2 .textbox ul li .icon{ width: 40px; line-height: 40px;}
	.text-2 .textbox ul li .text{ padding-left: 15px; width: calc(100% - 40px); height: 40px;}
	.text-3{ padding: 20px 15px;}
	.text-3 form ul li input{ padding: 0 15px;}
	.text-3 form ul li textarea{ padding: 3px 15px;}
	.text-5{ font-size: 12px;}
	.text-6{ font-size: 12px; line-height:22px;}
	.text-6 table{ width:100% !important; height:auto !important}
	.text-6 table td{ width:auto !important; height:auto !important;}
	.text-7 ul li.active a .imgbox{ width: 160px;}
	.text-7 ul li.active a .textbox{ width: calc(100% - 160px);}
	.text-7 ul li.active a .textbox .jieshao{ font-size: 12px;}	
	.text-7 ul li a{ font-size: 12px; line-height: 30px;}
	.text-7.active ul li a{ line-height: 39px;}
	.text-7.active ul li.active a{ padding: 10px;}
	.picture-1-list a{ display: block; padding: 10px 0; height: auto;}
	.picture-1-list a .box .icon{ line-height:50px;}
	.picture-1-list a .box .icon.icon-gongluyunshu{ font-size:40px;}
	.picture-1-list a .box .icon.icon-peisong{ font-size:40px;}
	.picture-1-list a .box .icon.icon-qifei{ font-size:35px;}
	.picture-1-list a .box .icon.icon-yunshu{ font-size:35px;}
	.picture-1-list a .box .icon.icon-cangchu{ font-size:35px;}
	.picture-2 ul li a .textbox .box .biaoti .cn{ margin-bottom: 0; font-size: 16px;}
	.picture-4 .imgbox{ margin-bottom: 15px; border-radius:0 20px;}
	.picture-4 .textbox .box .biaoti{ font-size: 14px;}
	.picture-4 .textbox .box .jieshao{ font-size: 12px;}
	.picture-4 .textbox .box .qita ul li a{ padding: 10px 0; height: auto;}
	.picture-4 .textbox .box .qita ul li a .item{ display: block; text-align: center;}
	.picture-5 .imgbox{ margin-bottom: 10px; width: 100%; border-radius: 0 20px;}
	.picture-5 .imgbox a{ padding-top: 45%;}
	.picture-5 .textbox{ display: block; padding: 0; width: 100%; height: auto;}
	.picture-5 .textbox .box .biaoti a{ font-size: 14px;}
	.picture-5 .textbox .box .jieshao{ height:72px;}
	.picture-5 .swiper-pagination{ position: inherit; bottom:initial; right: initial; padding: 0; margin-top: 10px; width: auto; text-align: center;}
	.picture-6-list a .biaoti{ font-size: 12px;}
	.picture-7 .swiper-slide{ margin-bottom: -1px;}
	.picture-7-list a .textbox .jieshao{ font-size: 12px;}
	.picture-8 ul li a .biaoti{ font-size: 12px; line-height: 34px;}
	.subnav .biaoti .cn{ font-size: 16px; line-height: 40px;}
	.subnav ul li a{ line-height: 34px;}
	.subnav .ul .li{ padding: 5px 0 5px 20px;}
	.subnav .ul .li a{ line-height:34px;}
	.subnav .ul .li a:before{ width: 20px;}
	.tabBar{ position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; background: #01b2a9; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.tabBar ul li{width: calc(100% / 4);}
	.tabBar ul li a{ display: block; padding:5px 0; transition: all 0.3s;}
	.tabBar ul li.active a{ background: #e77918;}
	.tabBar ul li:nth-child(n+2) a{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.5);}
	.tabBar ul li a .icon{ font-size:18px; color: #fff; line-height: 24px;}

.tabBar ul li a .icon img {
    width: 28px;
}
	.tabBar ul li a .mc{ font-size: 12px; color: #fff; line-height: 20px;}
	.tabBar ul li .tanchuang{ position: absolute; left: 15px; bottom: 100%; z-index: 1; padding-bottom: 10px; width: calc(100% - 30px); transform: translateY(10px); opacity: 0; visibility: hidden; transition: all 0.3s;}
	.tabBar ul li .tanchuang:before{ content: ""; position: absolute; right: calc(((100% + 30px) / 3 - 30px - 12px) / 2); bottom: 4px; z-index: 1; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px rgba(231,121,24,0.8);}
	.tabBar ul li.active .tanchuang{ transform: translateY(0px); opacity: 1; visibility: visible;}
	.tabBar ul li .tanchuang .imgbox{ padding: 10px; font-size: 0; background: rgba(231,121,24,0.8); border-radius: 5px;}
	.tabBar ul li .tanchuang .imgbox img{ max-width: 100px;}	
	footer .top .qita .box .right .ewm .mc{ font-size: 12px;} 
	
	.sbsb img{ width:180px !important; height:auto !important; float:left; margin:5px;}
}

@media (max-width:479px){
	.title-3 ul li a{ font-size: 12px; line-height: 34px;}
	.text-2 .textbox{ border-radius: 0 20px;}
	.text-2 .textbox ul li .icon.icon-ren{ font-size:24px;}
	.text-2 .textbox ul li .icon.icon-dianhua{ font-size:30px;}
	.text-2 .textbox ul li .icon.icon-www{ font-size: 30px;}
	.text-2 .textbox ul li .icon.icon-huanjing{ font-size:20px;}
	.text-2 .textbox ul li .text{ font-size: 12px;}
	.text-3{ border-radius: 20px 0;}
	.text-3 form ul li input{ font-size: 12px;}
	.text-3 form ul li textarea{ font-size: 12px;}	
	.text-4{ height: 20px;}
	.picture-2 ul li a .textbox{ padding: 15px 10px;}
	.picture-2 ul li a .textbox .box .biaoti .cn{ font-size: 14px;}
	.picture-4 .textbox .box .qita ul li{ width: 100%;}
	.picture-4 .textbox .box .qita ul li:nth-child(n+2){ margin-left: 0; margin-top: -1px;}
	.picture-4 .textbox .box .qita ul li a .item{ display: flex; align-items: center;}
	.picture-4 .textbox .box .qita ul li a .item .icon.icon-xunzhang{ font-size: 30px;}
	.picture-4 .textbox .box .qita ul li a .item .icon.icon-tuandui{ font-size: 30px;}
	.picture-4 .textbox .box .qita ul li a .item .icon.icon-shouhou{ font-size: 30px;}
	.picture-4 .textbox .box .qita ul li a .item .text{ text-align: left; width: 140px;}
	footer .top .qita .box .right .ewm .imgbox img{ width: 80px;}
	footer .top .qita .box .right .fenxiang{ margin-right: 30px;}
}

@media (max-width:399px){
	header .tel{ margin-right: 10px;}
	header .language a:nth-child(n+2){ margin-left: 5px;}
	.title-1 .cn span{ font-size: 16px;}
	.title-2 ul li a{ min-width: 80px;}
	.text-1 .box .maxbiaoti{ font-size: 12px;}
	.text-1 .box .bot ul li:nth-child(1){ width: 100%;}
	.text-1 .box .bot ul li:nth-child(2){ margin-top: 10px; width: 50%;}
	.text-1 .box .bot ul li:nth-child(3){ margin-top: 10px; width: 50%;}
	.text-1 .box .bot ul li .title{ font-size: 12px;}
	.text-1 .box .bot ul li button{ font-size: 12px;}
	.text-7.active ul li a{ line-height: 30px;}
	.text-7 ul li.active a .textbox{ padding-left: 15px;}
	.picture-2 ul li a .textbox{ padding: 10px;}
	.picture-2 ul li a .textbox .box .more{ margin:0}
	.picture-3 ul li a .textbox{ position: relative; line-height: 30px;}
	.picture-3 ul li a .textbox .mc{ font-size: 12px;}
	footer .top .qita .box{ display: block; text-align: center;}
	footer .top .qita .box .left{ display: block; margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px rgba(0,0,0,0.1);}
	footer .top .qita .box .left .logo a img{ width: 120px;}
	footer .top .qita .box .right{ justify-content: center;}
	footer .top .qita .box .right .fenxiang{ margin:0 20px 0 0;}
	footer .top .qita .box .right .fenxiang ul li{ float: none !important; display: inline-block; vertical-align: top;}
	footer .top .qita .box .right .fenxiang ul li:nth-child(n+2){ margin-left: 10px;}
	footer .top .qita .box .right .fenxiang ul li a{ width: 24px; height: 24px; font-size: 14px; line-height: 24px; border:solid 1px #000; border-radius: 50%;}
}

#maximg img{ max-width:100%; height:auto !important}
.pagebar { padding:20px; overflow:hidden}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.pagination>li.pages_solid {
    padding: 6px 12px;
    background: #00b0a8;
    color: #fff;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 5px 8px;
  margin: 0 2px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
.webinfo{
    line-height: 25px;
    margin: 20px 0;
}
.map .map_item {
    margin-bottom:10px;
  }
  .map .map_item span {
    line-height:30px;
    font-size:16px;
  }
  .map .map_item ul {
    display:flex;
    flex-wrap: wrap;
  }
  .map .map_item ul li {
    padding: 10px;
    width: unset !important;
    margin: 0 !important;
  }
  .map a{
    color:#333
  }
  .map .map_item ul li a {
    height: unset !important;
    width: unset !important;
  }
  .cplb-3n-ts-03-list dl {
	width: 32.1%;
	border: 1px solid #dedede;
	margin-bottom: 15px;
	background: #fff;
	float: left;
	margin-right: 1.2%;
	text-align: center;
}
.cplb-3n-ts-03-list dl:nth-child(3n) {
	margin-right: 0;
}
.cplb-3n-ts-03-list dt img {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.cplb-3n-ts-03-list dd {
	padding: 6px 20px 5px 20px;
}
.cplb-3n-ts-03-list dd h4 {
	height: 45px;
	font-weight: normal;
	font-size: 18px;
	color: #154c64;
	line-height: 45px;
	overflow: hidden;
}
.cplb-3n-ts-03-list h4 a {
	display: block;
	height: 45px;
	color: #727272;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cplb-3n-ts-03-list dl:hover h4 a {
	color:  #00b0a8;
}
.cplb-3n-ts-03-list-desc {
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	margin-bottom: 12px;
	overflow: hidden;
}
.cplb-3n-ts-03-list-deta {
	width: 100px;
	height: 40px;
	display: inline-block;
	border: 1px solid #aaa;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.cplb-3n-ts-03-list dl:hover {
	border-color:  #00b0a8;
}
.cplb-3n-ts-03-list dl:hover a {
	color:  #e77918;
}
.clearfix:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
.xgzx-01-list{
	display: flex;
	flex-wrap: wrap;
}
.xgzx-01-list li {
	height: 46px;
	font-size: 14px;
	line-height: 46px;
	color: #4b4a4a;
	border-bottom: 1px dashed #dbdbdb;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 49%;
}
.xgzx-01-list li a {
	color: #4b4a4a;
}
.xgzx-01-list li span {
	float: right;
}
.xgzx-01.blk.clearfix {
    margin-bottom: 14px;
}
.xgzx-pagin-01-key {
	min-height: 40px;
	border-top: 1px solid #333333;
	font-size: 14px;
	line-height: 40px;
	color:  #575556;
}
.xgzx-pagin-01-key a {
	color:  #575556;
}
.xgzx-pagin-01-key span {
	display: inline-block;
	margin: 0 4px;
}
.p14-product-2-tit {
	height: 46px;
	line-height: 44px;
	border-bottom: 2px solid #dfdfdf;
	margin-bottom: 19px;
}
.p14-product-2-tit b {
	display: inline-block;
	font-size: 19px;
	font-weight: normal;
	color: #464646;
	padding-left: 40px;
	border-bottom: 2px solid #333333;
	background: url(../images/p14-icon11.png) no-repeat 6px center;
}
.p14-product-2-tit span {
	margin-left: 10px;
	font-size: 15px;
	font-family: Arial;
	color: #c2c2c1;
	text-transform: uppercase;
}
.ft p {
	color: #000000;
	font-size: 14px;
	line-height: 35px;
}
.ft p a {
	color: #000;

}

video::-webkit-media-controls-timeline {
	display: none;
}

.footer-main {
	background-color: rgb(255, 255, 255);
	padding-top: 30px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.footer-main .widget {
    margin-bottom: 20px;
    text-align: center;
}

.footer-main .widget {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
/*.widget {
    display: inline-block;
    margin-bottom: 50px;
}*/
.footer-main .widget-title {
    font-size: 19px;
    margin-bottom: 30px;
}
.footer-main .widget-title {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    color: rgb(0, 0, 0);
    margin-bottom: 40px;
}
.widget ul {
    list-style: none;
    margin: 0;
}
.foot-nav ul li {
    margin-bottom: 10px;
}

.widget-links ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    color: rgb(0, 0, 0);
}
.foot-nav li a {
    color: rgb(136,128,128,1);
}
.dark-title a {
    color: rgb(136,128,128,1);
}
.foot-contact li {
    margin-bottom: 10px;
    font-weight: normal;
    padding-left: 0;
}

.widget-about li {
	display: inline-block;
    width: 100%;
    position: relative;
    line-height: 19px;
    /* padding-left: 55px; */
    margin-bottom: 19px;
    font-weight: bold;
    text-align: left;
}
.footer-main .widget-title {
    font-size: 19px;
    margin-bottom: 30px;
}

.footer-main .widget-title {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    color: rgb(136,128,128,1);
    margin-bottom: 40px;
}
.f-qrcode {
    padding-top: 3px;
}
.bottom-footer {
    background-color: #ffffff;
    padding: 30px 0;
}

.no-padding {
    padding: 0;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.bottom-footer p {
    margin-bottom: 0;
    color: rgb(136,128,128,1);
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}
.f-qrcode img {
    /* text-align: center; */
    width: 170px;
}
ul{list-style: none;margin: 0;padding: 0;}
.bottom-footer {
	padding: 24px 0;
	border-top:1px solid rgb(0, 0, 0)
}